<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js ie9"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Elinea - Design for a life time !</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/modernizr-2.6.1.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
        <![endif]-->

        <!-- site content-->
        <?php require_once("header.php"); ?>
        <!-- main content-->
        <div id="main" role="main"> 
            <section id="container">
            	<!-- breadcumbs-->
                <div id="breadcumbs">
                    <ol class="breadcumbs">
                        <li class="first root"><a href="index.php" title="home"></a></li>
                        <li class="item root-cate">ELINEA DESIGN COLLECTIONS</li>
                        <li class="item current">Furniture</li>
                    </ol>
                </div>
                <!-- /breadcumbs-->
                
                <!--Banner-->
                <div class="page-banner">
                	<img src="medias/slideshow/ed-collections-banner.jpg" alt="" />
                    <span class="banner-title">ElineaDesign Collections</span>
                </div>
                <!--/Banner-->
                
                <div class="post collection-desc">
                	<p>In our new ElineaDesign Collections we always make sure to bring something fresh to you and they were made for you. Inspired by the life time that surrounds us. We design for a life time.<br/>
                    	We found our color scheme and inspiration for materials in Mother Nature. We mixed it all up in a big bowl and added a splash of urban life to bring result a beautiful bunch of contrasts. That's what makes all this so fascinating.
                    </p>
                    <h1 style="font-size: 28px;">Take a look at our 2013 collection</h1>
                </div>
                
                <div class="heading-tt">
                    <h1 class="fll"><span>ELINEA DESIGN COLLECTIONS: <strong>Furniture</strong></span></h1>
                    <div class="product-filter flr">
                        <form id="filterForm" method="get" action="">
                            <fieldset>
                                <select id="sort-by" name="sort">
                                    <option value="price&ordre=desc">Price - descending</option>
                                    <option value="price&ordre=asce">Price - ascending</option>
                                </select>
                                <label for="sort-by">Sort by:</label>
                                <select id="products-number" class="number selectBox" name="nb" style="display: none;">
                                    <option selected="selected" value="9">9</option>
                                    <option value="18">18</option>
                                    <option value="24">24</option>
                                    <option value="48">48</option>
                                </select>
                                <label for="products-number">View products per page:</label>
    
                                <button id="productFilter" name="productFilter" type="submit">Filter</button>
                            </fieldset>
                        </form>
                    </div>
                </div>

            	<div class="overlay-group group">
                	
                    <ul class="product-list">
                    	<li class="overlay-block">
                        	<a class="img-product" href="product-detail.php">
                                <p>
                                	<span class="prd-name">Outdoor furniture product name 1</span>
                                    <span class="price flr">$3500</span>
                                </p>
                                <img src="medias/products/prd-thumbs/prd-img-10-295x230.jpg" alt="" />
                            </a>
                        </li>
                        <li class="overlay-block">
                        	<a class="img-product" href="product-detail.php">
                                <p>
                                	<span class="prd-name">Outdoor furniture product name 2</span>
                                    <span class="price flr">$3400</span>
                                </p>
                                <img src="medias/products/prd-thumbs/prd-img-11-295x230.jpg" alt="" />
                            </a>
                        </li>
                        <li class="overlay-block">
                        	<a class="img-product" href="product-detail.php">
                                <p>
                                	<span class="prd-name">Outdoor furniture product name 3</span>
                                    <span class="price flr">$3300</span>
                                </p>
                                <img src="medias/products/prd-thumbs/prd-img-12-295x230.jpg" alt="" />
                            </a>
                        </li>
                        <li class="overlay-block">
                        	<a class="img-product" href="product-detail.php">
                                <p>
                                	<span class="prd-name">Outdoor furniture product name 4</span>
                                    <span class="price flr">$3200</span>
                                </p>
                                <img src="medias/products/prd-thumbs/prd-img-13-295x230.jpg" alt="" />
                            </a>
                        </li>
                        <li class="overlay-block">
                        	<a class="img-product" href="product-detail.php">
                                <p>
                                	<span class="prd-name">Outdoor furniture product name 5</span>
                                    <span class="price flr">$3100</span>
                                </p>
                                <img src="medias/products/prd-thumbs/prd-img-14-295x230.jpg" alt="" />
                            </a>
                        </li>
                        <li class="overlay-block">
                        	<a class="img-product" href="product-detail.php">
                                <p>
                                	<span class="prd-name">Outdoor furniture product name 6</span>
                                    <span class="price flr">$3000</span>
                                </p>
                                <img src="medias/products/prd-thumbs/prd-img-15-295x230.jpg" alt="" />
                            </a>
                        </li>
                        <li class="overlay-block">
                        	<a class="img-product" href="product-detail.php">
                                <p>
                                	<span class="prd-name">Outdoor furniture product name 7</span>
                                    <span class="price flr">$2900</span>
                                </p>
                                <img src="medias/products/prd-thumbs/prd-img-16-295x230.jpg" alt="" />
                            </a>
                        </li>
                        <li class="overlay-block">
                        	<a class="img-product" href="product-detail.php">
                                <p>
                                	<span class="prd-name">Outdoor furniture product name 8</span>
                                    <span class="price flr">$2800</span>
                                </p>
                                <img src="medias/products/prd-thumbs/prd-img-17-295x230.jpg" alt="" />
                            </a>
                        </li>
                        <li class="overlay-block">
                        	<a class="img-product" href="product-detail.php">
                                <p>
                                	<span class="prd-name">Outdoor furniture product name 9</span>
                                    <span class="price flr">$2700</span>
                                </p>
                                <img src="medias/products/prd-thumbs/prd-img-18-295x230.jpg" alt="" />
                            </a>
                        </li>
                    </ul>
                    
                    <!-- Pager-->
                    <div class="pager">
                    	<div class="pager-inner flr">
                            <span class="prd-count fll"><strong id="countNum">1 - 9</strong> of <strong id="total">42</strong> products</span>
                            <a class="pager-btn prev disabled fll" href="#">Previous page</a>
                            <ol class="fll">
                                <li class="current"><a href="">1</a></li>
                                <li class="num"><a href="">2</a></li>
                                <li class="num"><a href="">3</a></li>
                                <li class="num"><a href="">4</a></li>
                                <li class="num"><a href="">5</a></li>
                            </ol>
                            <a class="pager-btn next flr" href="">Next page</a>
                    	</div>
                    </div>
                    <!-- /Pager-->
                    
                    
                </div>
            </section>
        </div>
        <!-- main content-->
        <!--Footer--><?php require_once("footer.php"); ?><!--/Footer-->

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
        <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
        <script src="js/selectbox.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>   

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
            var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
    </body>
</html>

